<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒模型卡片布局2</title>
		<style>
			*{
				background-color: #f5f5f5;
			}
			#product_card{
				width:250px;
				height: 70px;
				background-color:white;
				border-radius: 5px;
			    margin: 100px;
			   box-shadow:1px 1px 5px 1px rgba(0, 0, 0, .1) inset;
			}
			input{
				width: 150px;
				border: transparent;
				background-color:white;
			    margin: 15px 5px;
				font-size: 15px;
				padding: 10px 10px 4px 5px;
				}
		   button{
			   border: transparent;
			   background-color:#ff0000;
				color: #eeeeee;
				font-size: 15px;
		        padding: 10px 10px;
				border-radius: 5px;
				}
			</style>
	</head>
	<body>
	  <div id="product_card">
			<input type="text" placeholder="搜索 京东商品">
			<button>搜索</button>
			</div>
	    </body>
</html>